﻿.icon-list {
    display: flex;
    flex-wrap: wrap;
}

    .icon-list a {
        flex: 0 0 auto;
        width: 152px;
        margin-top: .5rem;
        margin-right: .5rem;
        padding: .75rem;
        background-color: #f0f1f3;
        border-radius: .5rem;
        transition: .3s background-color ease-in-out;
        display: flex;
        align-items: center;
    }

        .icon-list a ::deep .bb-iconpark-icon {
            --bb-svg-icon-width: 14px;
            --bb-svg-icon-color: #000;
        }

        .icon-list a span {
            font-family: cera-round-pro, "Helvetica Neue", "Helvetica", "Arial", sans-serif;
            font-size: 11px;
            margin-left: 10px;
            line-height: 1.25rem;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            color: #919191;
            transition: .3s color ease-in-out;
        }

        .icon-list a:hover {
            background-color: var(--bs-warning);
        }

            .icon-list a:hover span {
                color: inherit;
            }
